<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<title>河北农业大学线上教学情况统计</title>

		<link href="static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="static/css/font-awesome.min.css" rel="stylesheet">
		
		<link rel="stylesheet" href="static/css/normalize.min.css" />
		<link rel="stylesheet" href="static/css/ion.rangeSlider.css" />
		<link rel="stylesheet" href="static/css/ion.rangeSlider.skinNice.css" id="styleSrc"/><!--滑动的数字样式-->
	</head>
	<body>
		<main class="cmp640 " >
			<div class="bg"></div>
			<div class="wrap">
                <h1 style="font-size: 24px">河北农业大学开设课程时间地点情况统计</h1>
                <dl>
                    <dt>1.请各位老师填写本学期课程考核方式（含已经线上考核课程）</dt>
                    <dt>2.多人开设的课程，一人负责填写即可，多次填写的最后一次为准</dt>
                    <dt>3.请于6月8日（周一）下午5点前完成填写。</dt>

                </dl>
				<div style="border-bottom:1px dashed #ddd;"></div>


            <!--下面是课程信息-->
            <div class="wrap">

				<h2>二.网络授课信息</h2>
                <form th:action="@{/finish}" method="post">
                <div th:each="list:${lists.getCourses()}">

                    <h3 style="font-size: 1.4em" th:text="${listStat.index + 1}+'. '+${list.getClassName()}"></h3>
                        <div class="class_box" style="border: #777777 2px solid; border-radius: 10px; padding: 10px; margin: 10px 0;">

                            <div class="teacher_info" style="border: 2px solid #cccccc; border-radius: 5px; margin: 30px 30px; padding: 5px;">
                                <input name="id" th:value="${list.getId()}" hidden="hidden"/>
                                <b>教师信息:</b>&nbsp;<span th:text="${list.getTeacherName()}"></span><br/>
                                <b>所在学院:</b>&nbsp;<span th:text="${list.getCollege()}"></span><br/>
                                <b>课程号:</b>&nbsp;<span th:text="${list.getCourseId()}"></span><br/>
                                <b>课程名:</b>&nbsp;<span th:text="${list.getCourseName()}"></span><br/>
                                <b>班级和周次:</b>&nbsp;<span th:text="${list.getClassName()} +' --> ' + ${list.getWeek()}"></span><br/>

                            </div>

                            <div class="class_info">
                                <div class="title4" style="margin-top:20px;" >
                                    <h3>1.&nbsp;&nbsp;&nbsp;&nbsp;是否已线上考核<span class="req">&nbsp;*</span></h3>
                                    <select class="whetherOn" name="online" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getOnline()} eq ''">--请选择--</option>
                                        <option value="已完成考核" th:selected="${list.getOnline()} eq '已完成考核'">已完成考核</option>
                                        <option value="准备线上考核" th:selected="${list.getOnline()} eq '准备线上考核'">准备线上考核</option>
                                        <option value="开学后考核" th:selected="${list.getOnline()} eq '开学后考核'">开学后考核</option>
                                        <option value="其他" th:selected="${list.getOnline()} eq '其他'">其他</option>
                                    </select>
                                </div>
                                <div class="title6" style="margin-top:20px;" >
                                    <h3>2.&nbsp;&nbsp;&nbsp;&nbsp;考核方式<span class="req">&nbsp;*</span></h3>
                                    <select class="classPlatform" name="way" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getWay()} eq ''">--请选择--</option>
                                        <option value="传统纸质试卷" th:selected="${list.getWay()} eq '传统纸质试卷'">传统纸质试卷</option>
                                        <option value="线上电子试卷" th:selected="${list.getWay()} eq '线上电子试卷'">线上电子试卷</option>
                                        <option value="开卷考试" th:selected="${list.getWay()} eq '开卷考试'">开卷考试</option>
                                        <option value="论文报告" th:selected="${list.getWay()} eq '论文报告'">论文报告</option>
                                        <option value="实践操作" th:selected="${list.getWay()} eq '实践操作'">实践操作</option>
                                        <option value="面试口试" th:selected="${list.getWay()} eq '面试口试'">面试口试</option>
                                        <option value="雨课堂平台考试" th:selected="${list.getWay()} eq '雨课堂平台考试'">雨课堂平台考试</option>
                                        <option value="学习通平台考试" th:selected="${list.getWay()} eq '学习通平台考试'">学习通平台考试</option>
                                        <option value="其他" th:selected="${list.getWay()} eq '其他'">其他</option>
                                    </select>
                                </div>
                                <div class="title6" style="margin-top:20px;" >
                                    <h3>3.&nbsp;&nbsp;&nbsp;&nbsp;是否闭卷考核<span class="req">&nbsp;*</span></h3>
                                    <select class="classPlatform" name="close" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getClose()} eq ''">--请选择--</option>
                                        <option value="是" th:selected="${list.getClose()} eq '是'">是</option>
                                        <option value="否" th:selected="${list.getClose()} eq '否'">否</option>
                                    </select>
                                </div>
                                <div class="title7" style="margin-top:20px;" >
                                    <h3>4.&nbsp;&nbsp;&nbsp;&nbsp;题型比例<span class="req">&nbsp;*</span></h3>

                                    <select class="teachWay" name="bili" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getBili()} eq ''">--请选择--</option>
                                        <option value="主观题为主" th:selected="${list.getBili()} eq '主观题为主'">主观题为主</option>
                                        <option value="客观题为主" th:selected="${list.getBili()} eq '客观题为主'">客观题为主</option>
                                    </select>
                                </div>
                                <div class="title8" style="margin-top:20px;" >
                                    <h3>5.&nbsp;&nbsp;&nbsp;&nbsp;平时成绩占比<span class="req">&nbsp;*</span></h3>
                                    <select class="testThings" name="pingshi" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getPingshi()} eq ''">--请选择--</option>
                                        <option value="10%" th:selected="${list.getPingshi()} eq '10%'">10%</option>
                                        <option value="20%" th:selected="${list.getPingshi()} eq '20%'">20%</option>
                                        <option value="30%" th:selected="${list.getPingshi()} eq '30%'">30%</option>
                                        <option value="40%" th:selected="${list.getPingshi()} eq '40%'">40%</option>
                                        <option value="50%" th:selected="${list.getPingshi()} eq '50%'">50%</option>
                                        <option value="51%以上" th:selected="${list.getPingshi()} eq '51%以上'">51%以上</option>
                                        <option value="其他" th:selected="${list.getPingshi()} eq '其他'">其他</option>
                                    </select>
                                </div>

                                <div class="title9" style="margin-top:20px;" >
                                    <h3>6.&nbsp;&nbsp;&nbsp;&nbsp;期末考核形式<span class="req">&nbsp;*</span></h3>
                                    <select class="testWay" name="qimo" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getQimo()} eq ''">--请选择--</option>
                                        <option value="一次期末考核" th:selected="${list.getQimo()} eq '一次期末考核'">一次期末考核</option>
                                        <option value="多次期末考核" th:selected="${list.getQimo()} eq '多次期末考核'">多次期末考核</option>
                                        <option value="平时测验+期末考核" th:selected="${list.getQimo()} eq '平时测验+期末考核'">平时测验+期末考核</option>
                                        <option value="无需期末考核(多次平时测验构成总评)" th:selected="${list.getQimo()} eq '无需期末考核(多次平时测验构成总评)'">无需期末考核(多次平时测验构成总评)</option>
                                        <option value="无需期末考核(平时、实验成绩构成总评)" th:selected="${list.getQimo()} eq '无需期末考核(平时、实验成绩构成总评)'">无需期末考核(平时、实验成绩构成总评)</option>
                                        <option value="其他" th:selected="${list.getQimo()} eq '其他'">其他</option>
                                    </select>
                                </div>

                                <div class="title10" style="margin-top:20px;" >
                                    <h3>7.&nbsp;&nbsp;&nbsp;&nbsp;学生是否多人多卷<span class="req">&nbsp;*</span></h3>
                                    <select class="otherPlatform" name="duojuan" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getDuojuan()} eq ''">--请选择--</option>
                                        <option value="是" th:selected="${list.getDuojuan()} eq '是'">是</option>
                                        <option value="否" th:selected="${list.getDuojuan()} eq '否'">否</option>

                                    </select>
                                </div>

                                <div class="title11" style="margin-top:20px;" >

                                    <h3>8.&nbsp;&nbsp;&nbsp;&nbsp;是否启用线上监考模式<span class="req">&nbsp;</span></h3>
                                    <select class="otherPlatform" name="jiankao" style="border: 2px solid #cccccc; border-radius: 10px; margin-left: 30px; height: 30px; width: 160px;">
                                        <option value="" th:selected="${list.getJiankao()} eq ''">--请选择--</option>
                                        <option value="是" th:selected="${list.getJiankao()} eq '是'">是</option>
                                        <option value="否" th:selected="${list.getJiankao()} eq '否'">否</option>
                                        <option value="返校现场监考" th:selected="${list.getJiankao()} eq '返校现场监考'">返校现场监考</option>
                                    </select>
                                    </div>

                            </div>
                        </div>



                </div>
                    <div class="txt-c width-5 hang40" style="margin:0 auto;">
                        <div class="zi-bai bg-lan" style="border-radius:25px;cursor: pointer;">
                            <div id="submit_btn"><span>提交</span></div>
                            <input type="submit" id="sub_btn" hidden/>
                        </div>
                    </div>
                </form>
			</div><!--end wrap-->


			<div class="hang80"></div>
			<div class="hang40" style="text-align:center;border-top:1px solid #ddd;height:40px;">
				<span>河北农业大学教务处</span>
			</div>
            </div>
        </main>
		<!-- All JS --> 
        <script type="text/javascript" src="static/js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="static/js/ion.rangeSlider1.js"></script>
		<script type="text/javascript" src="static/js/tongji.js"></script>
        <script>
            $("#submit_btn").click(function () {
                $("#sub_btn").trigger("click");
            });
            // $("#submit_btn1").click(function () {
            //     $("#sub_btn1").trigger("click");
            // });
        </script>
	</body>
</html>
